<div class="proInfo" id="proInfo">
    <div class="proInfo-pic"><img src="http://www.acfabric.com/ec_oubao/public/images/9a/a7/da/0f378b1ecb7c5b18a2e5b1a621c45b970c59e78a.jpg?1472458482#w"/></div>
    <div class="all-addorder-info">
      <div class="all-addorder" style="width: 170px;">
      <a href="<{link app=b2c ctl=site_proInfo act=allorderInfo arg0=$item.product_id}>" target="_blank">
        <i>>></i><span class="all-addorder-info-up en-need-change" style="font-size: 14px;">花型加单信息表</span>
      </a>
      </div>
    </div>
    <{foreach from=$cats key=key item=item}>
    <{if $item.cat_name!='色卡'}>
    <div class="pro-haute">
      <div class="proInfo-title">
        <h1><{t}><{$item.cat_name}><{/t}></h1>
      </div>
      <{foreach from=$item.res key=k item=item_goods}>
      <ul>
        <li class="fashion-article-name" id="fashion-article-name">
          <a class="article-name" data-gid="<{$item_goods.0.cat_id}>" href="javascript:void(0)">
            <div>
              <span>品名 ( Article name ): </span>
              <span class="cat_name_p"><{$item_goods.0.parent_cat_name}></span>
              <span>产品数量( Quantity of colorways ) : <{$item_goods.num}></span>
            </div>
          </a>
          <div class="article-goods hide" id="article-goods"></div>
        </li>
      </ul>
      <{/foreach}>
    </div>
    <{/if}>
    <{/foreach}>
</div>
<script type="text/javascript">
//如果是英文版，改变元素的值
    var isEn = document.cookie.indexOf('en_US')>0 ? true :false;
    if(isEn) {
      $$('.en-need-change').set('text','Repeat order info.');
    }
(function($){
    $('.article-name').click(function(){
      var el = $(this),
          div = el.parents('.pro-haute'),
          div_all = el.parents('.proInfo'),
          lli = el.parents('.fashion-article-name'),
          article_goods = lli.find('div.article-goods'),
          article_goods_all = div.find('div.article-goods'),
          goods_all = div_all.find('div.article-goods'),
          cat_id = el.data('gid');

      var data = 'cat_id='+cat_id;
      if(article_goods.hasClass('hide')){
          $.post("<{link app=b2c ctl=site_proInfo act=ajaxGetgoods}>",data,function(rs){
                // article_goods.animate({ opacity: 'toggle' }, "slow", "swing");
                goods_all.addClass('hide');
                article_goods_all.addClass('hide');
                article_goods.removeClass('hide');
                $(".article-goods").css('display','block');
                article_goods.html(rs);

          })
      }else{
          // article_goods.animate({ opacity: 'toggle' }, "slow", "swing");
          article_goods.addClass('hide');
      }
    })
  })(jQuery);
</script>